/**
整体 app 边框
 */
@mixin home-border {
  border-color: #cdcdcd;
  [data-theme="light"] & {border-color:#cdcdcd;}
  [data-theme="night"] & {border-color:#000000;}
}


/**───────────────────────────────────────────────────────────────────
logo 效果
 ─────────────────────────────────────────────────────────────────────*/
@mixin logo_background () {
  background: linear-gradient(
          90deg,
          #f5f5f5,
          $theme-color-light,
          #f5f5f5
  );
  -webkit-background-clip: text;
  color: transparent;
  height: 100%;
  animation: glow 4s linear infinite;
  transition: 0.5s;
  background-size: 300%;
  [data-theme="light"] & {
    background: linear-gradient(
            90deg,
            #f5f5f5,
            $theme-color-light,
            #f5f5f5
    );
    -webkit-background-clip: text;
    color: transparent;
    height: 100%;
    animation: glow 15s linear infinite;
    transition: 1.5s;
    background-size: 300%;
  }
  [data-theme="night"] & {
    background: linear-gradient(
            90deg,
            $theme-bg-color-night,
            $theme-color-night,
            $theme-bg-color-night
    );
    -webkit-background-clip: text;
    color: transparent;
    height: 100%;
    animation: glow 15s linear infinite;
    transition: 1.5s;
    background-size: 300%;
  }
}
